<!DOCTYPE html>
<!-- Password form with the username and password fields having ambiguity in id attribute. -->
<form id='ambiguous_form' method='POST' action='done.html'>
  <label>Username: </label><input type='text' id='ambiguous_id' />
  <label>Password: </label><input type='password' id='ambiguous_id' />
  <input type='submit' />
</form>

<!-- Password form having username and password fields without name and id attribute. -->
<form id='no_name_id_form' method='POST' action='done.html'>
  <label>Username: </label> <input type='text' placeholder='username' />
  <label>Password: </label> <input type='password' placeholder='password' />
  <input type='checkbox' />
  <input type='submit' />
</form>

<!-- Change password form having username and password fields with empty names along with |autocomplete='xxx'| attributes. -->
<form id='change_pwd' method='POST' action='done.html'>
  <label>Username: </label> <input type='text' placeholder='username' />
  <label>Old Password: </label> <input type='password' placeholder='Old Password' autocomplete='current-password' />
  <label>New Password: </label> <input type='password' placeholder='New password' autocomplete='new-password' />
  <input type='submit' />
</form>

<!-- Change password form having username and password fields with empty names along with |autocomplete='new-password'| attributes. -->
<form id='change_pwd_but_no_old_pwd' method='POST' action='done.html'>
  <label>Username: </label> <input type='text' placeholder='username' />
  <label>New Password: </label> <input type='password' placeholder='New Password' autocomplete='new-password' />
  <label>Confirm Password: </label> <input type='password' placeholder='Retype password' autocomplete='new-password' />
  <input type='submit' />
</form>

<!-- Change password form having username and password fields with empty names but no |autocomplete='xxx'| attributes. -->
<form id='change_pwd_but_no_autocomplete' method='POST' action='done.html'>
  <label>Username: </label> <input type='text' placeholder='username' />
  <label>Old Password: </label> <input type='password' placeholder='Old Password' />
  <label>New Password: </label> <input type='password' placeholder='New password' />
  <input type='submit' />
</form>

<!-- Ambiguous password form with problematic invisible password field. -->
<form id='hidden_password_form' method='POST' action='done.html'>
  <label>Username: </label><input type='text' placeholder='Username' />
  <input type='password' placeholder='Password' style="display:none;" autocomplete="off" />
  <label>Password: </label><input type='password' placeholder='Password' />
  <input type='submit' />
</form>
